Page({
  data: {
    // tab栏数据
    tabs: [
      { title: '全部', type: 'all', isRender: false },
      { title: '待支付', type: 'payment', isRender: false },
      { title: '待发货', type: 'delivery', isRender: false },
      { title: '待收货', type: 'received', isRender: false },
      { title: '待评价', type: 'comment', isRender: false },
    ],
    // 当前选中的标签索引
    activeIndex: -1,
  },
  onLoad(query) {
    // 初始化当前选中的标签
    this.initActiveTab(query.dataType)
  },
  // 初始化当前选中的标签
  initActiveTab(dataType = 'all') {
    const { tabs } = this.data
    // 获取当前选中的标签索引
    const activeIndex = tabs.findIndex((v) => v.type === dataType)
    // 修改渲染状态
    tabs[activeIndex].isRender = true
    // 更新界面
    this.setData({
      activeIndex,
      tabs,
    })
  },
  // 点击切换标签
  onClickTab(e) {
    const activeIndex = e.mark.index
    this.setData({
      activeIndex,
    })
  },
  // 滑动切换标签
  onSwiperTabs(e) {
    const { tabs } = this.data
    const activeIndex = e.detail.current
    // 修改渲染状态
    tabs[activeIndex].isRender = true
    // 更新界面
    this.setData({
      activeIndex,
      tabs,
    })
  },
})
